Forum PHP.pl

Witam ponownie!

Mam nastepujacy problem - od penego czasu uzywam <div> zamiast <table> no i jak nie rozjezdza sie w IE to rozjezdza sie w Firefoxie i na odwrot. Glownie probem pojawia sie przy wkladaniu w diva <p>

W tym wypadku w IE wyglada to tak (ciemnoszary pasek to <div>, zielony, specjalnie zakolorowany to <p>)

(IMG:http://img267.imageshack.us/img267/3415/probliejy6.png)

polega to na tym ze w ciemnoszarym divie umiescilem zielony <p> i jezeli chodzi o skutek to jest on tu pozadany

Natomiast w Firefoxie wyglada to tak

(IMG:http://img102.imageshack.us/img102/8889/problmozla5.png)

Dlaczego oto cssy tego diva i <p>

[HTML] pobierz, plaintext 
div.linki {
width:560px;
height:24px;
float:left;
vertical-align:top;
background:#666666;
}
 
p.kategoria {
width:180px;         // oczywiscie wys i szer zostaly dodane aby ukazac problem
height:24px;
color:#4599B2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background:#00FF00;
text-align:center;
float:left;              // napewno nie chodzi o ten float
}
[HTML] pobierz, plaintext 

Nie pomaga rowniez dodawanie do ktoregokolwiek z elementow clear:both;

A to kod HTML

[HTML] pobierz, plaintext 
<div class="linki"><p class="kategoria">LIVE</p></div>
[HTML] pobierz, plaintext 

Nie zwracajcie uwagi na jasno szary pasek z przodu.

Dzieki za wszelka pomoc i wskazówki

[HTML] pobierz, plaintext 
<style>
div.linki {
    width:560px;
    height:24px;
	float:left;	
	background:#666666;
	padding: 0;
}
 
p.kategoria {
	width: 180px;         // oczywiscie wys i szer zostaly dodane aby ukazac problem
	/* height: 24px; */
	color: #4599B2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight: bold;
	background: #00FF00;
	text-align: center;
	float: left;              // napewno nie chodzi o ten float
	display: block;	
	margin: 0;
	padding: 5px;
 
}
</style>
 
<div class="linki">
    <p class="kategoria">LIVE</p>    
</div>
[HTML] pobierz, plaintext 

Może być ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dzieki wielkie (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)

Okazało sie, ze sprawe zalatwił margin:0 w <p>; ktorego wogole nie bralem pod uwage (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Bede musial poczytac jeszcze cos o display, bo szczerze to nie wiem co znaczy block

Pzdr